<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
  
    <ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
		</ui:define>
		<ui:define name="titulopagina">
			<h:outputText value="REBALANCEOS" />
		</ui:define>
 
		<ui:define name="agregaIconoEjecutivos"/>
		
		<ui:define name="bodyarea">
			<f:event type="preRenderView" listener="#{rebalanceoController.onPageLoad}"/>
			<p:messages id="messageRebalanceo" showDetail="true" closable="true" />
			<p:tabView id="tabViewPerfilamientos">
				<p:ajax event="tabChange" listener="#{rebalanceoController.onTabChange}" />
				<p:tab id="tabRebalanceaoAnual" title="Rebalanceo Anual">
					<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
						styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
						<f:facet name="header">  
							<h:outputText value="Rebalanceo Anual" />
						</f:facet>
						<h:panelGrid id="pnlFormularioRebalanceoAnual" columns="3">
							<h:outputText value="Año" styleClass="texto"/>
							<p:selectOneMenu id="cbxRebalanceoAnio" value="#{rebalanceoController.rebalanceoModel.anioSeleccionado}">
										<f:selectItems value="#{rebalanceoController.comboModel.listAnios}" />
							</p:selectOneMenu>
							<p:commandButton id="idBtnBuscarRebalanceo" icon="ui-icon-search" value="Buscar"
											 update=":formPrincipal:tabViewPerfilamientos,:formPrincipal:messageRebalanceo"
			            		 			 actionListener="#{rebalanceoController.cargarElementosBusqueda}"/>
						</h:panelGrid>
						<h:panelGrid id="pnlGrillaRebalanceo">
							<t:div style="overflow-x: scroll; overflow-y: hidden; width: 915px;">
								<p:dataTable id="tableFormRebalanceamiento" 
											 styleClass="styleDataTableWrapNormal"
											 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}" 
								 			 rendered="#{!empty rebalanceoController.rebalanceoModel.listaRebalanceoAnual}" 
								 			 emptyMessage="NO EXISTE INFORMACIÓN SEGÚN LOS CRITERIOS DE BÚSQUEDA INGRESADOS."
											 value="#{rebalanceoController.rebalanceoModel.listaRebalanceoAnual}" 
											 var="fila">
									<p:columnGroup type="header">
										<p:row>
											<p:column colspan="1" headerText=""/>
											<p:column colspan="4" headerText="Enero"/>
											<p:column colspan="4" headerText="Febrero"/>
											<p:column colspan="4" headerText="Marzo"/>
											<p:column colspan="4" headerText="Abril"/>
											<p:column colspan="4" headerText="Mayo"/>
											<p:column colspan="4" headerText="Junio"/>
											<p:column colspan="4" headerText="Julio"/>
											<p:column colspan="4" headerText="Agosto"/>
											<p:column colspan="4" headerText="Septiembre"/>
											<p:column colspan="4" headerText="Octubre"/>
											<p:column colspan="4" headerText="Noviembre"/>
											<p:column colspan="4" headerText="Diciembre"/>
										</p:row>
										
										<p:row>
											<p:column headerText="Semanas"/>
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>											

											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
										</p:row>
									</p:columnGroup>	
									<p:column>
										<h:outputText value="#{fila.cabeceraLateral}"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo1}"/>
										<f:attribute name="align" value="right"/>
									</p:column>	
									<p:column>	
										<h:outputText value="#{fila.campo2}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo3}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo4}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo5}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo6}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo7}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo8}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo9}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo10}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo11}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo12}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo13}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo14}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo15}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo16}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo17}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo18}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo19}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo20}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo21}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo22}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo23}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo24}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo25}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo26}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo27}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo28}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo29}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo30}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo31}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo32}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo33}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo34}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo35}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo36}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo37}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo38}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo39}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo40}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo41}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo42}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo43}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo44}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo45}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo46}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo47}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.campo48}"/>
										<f:attribute name="align" value="right"/>
									</p:column>		 			 
								</p:dataTable>			 
							</t:div>
						</h:panelGrid>	
					</h:panelGrid>	
					<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
						styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
						<f:facet name="header">
							<h:outputText value="Gráfico Rebalanceo Anual" />
						</f:facet>
						<t:panelGrid id="graficoRebalanceo" align="center" rendered="#{not empty rebalanceoController.rebalanceoModel.listaRebalanceoAnual}"  >
							<p:graphicImage value="#{rebalanceoController.rebalanceoModel.xyDSRebalanciamiento}" />		  
						</t:panelGrid>
					</h:panelGrid>
				</p:tab>		
				<p:tab id="tabResultadoRebalanceo" title="Resultados de Rebalanceos">
					<h:panelGrid width="100%">
						<f:facet name="header">  
							<h:outputText value="Resultados de Rebalanceos" />
						</f:facet>
						<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
							styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
							<f:facet name="header">
								<h:outputText value="Gráfico Rebalanceo Anual" />
							</f:facet>
							<t:panelGrid id="graficoResultadosRebalanceo" align="center">
								<p:graphicImage value="#{rebalanceoController.rebalanceoModel.chartResultadoRebalanceos}" />		  
							</t:panelGrid>
							<p:dataTable id="tableFormResultadosRebalanceamiento" 
								 styleClass="styleDataTableWrapNormal"
								 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}"
								 value="#{rebalanceoController.rebalanceoModel.listaResultadoRebalanceo}" var="fila">
								<p:column>
									<f:facet name="header">
										<h:outputText value="Respuesta del Cliente" />
									</f:facet>
									<h:outputText value="#{fila.descripcion}"/>
								</p:column>			 
								<p:column styleClass="styleAlignRightColumn">
									<f:facet name="header">
										<h:outputText value="Cantidad" />
									</f:facet>
									<h:outputText value="#{fila.cantidad}" />
								</p:column>
								<p:column styleClass="styleAlignRightColumn">
									<f:facet name="header">
										<h:outputText value="Porcentaje" />
									</f:facet>
									<h:outputText value="#{fila.peso} %" />
								</p:column>
							</p:dataTable>				 
						</h:panelGrid>
					</h:panelGrid>
				</p:tab>	
				<p:tab id="tabResultadoRebalanceoPorPeri" title="Resultados de Rebalanceos por Periódo">
					<h:panelGrid width="100%" >
						<f:facet name="header">  
							<h:outputText value="Resultados de Rebalanceos por Periódo" />
						</f:facet>
						<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
							styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
							<f:facet name="header">
								<h:outputText value="Resultados de Rebalanceos por Periódo" />
							</f:facet>
							<t:panelGrid id="graficoRebalanceoPorPeriodo" align="center">
								<p:graphicImage value="#{rebalanceoController.rebalanceoModel.chartResultadoPorPeriodo}" />		  
							</t:panelGrid>
							<p:dataTable id="tableFormResultadosRebalanceamientoPorPeriodo" 
											 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}" 
								 			 rendered="#{!empty rebalanceoController.rebalanceoModel.listaResultadoPorPeriodo}" 
											 value="#{rebalanceoController.rebalanceoModel.listaResultadoPorPeriodo}" 
											 var="fila">
								<p:column>
									<f:facet name="header">
										<h:outputText value="Estados de Rebalanceo" />
									</f:facet>
									<h:outputText value="#{fila.descripcion}"/>
								</p:column>			 
								<p:column styleClass="styleAlignRightColumn">
									<f:facet name="header">
										<h:outputText value="Cantidad" />
									</f:facet>
									<h:outputText value="#{fila.cantidad}" />
								</p:column>
								<p:column styleClass="styleAlignRightColumn">
									<f:facet name="header">
										<h:outputText value="Porcentaje" />
									</f:facet>
									<h:outputText value="#{fila.peso} %" />	
								</p:column>
							</p:dataTable>				 
						</h:panelGrid>
					</h:panelGrid>
				</p:tab>	
			</p:tabView>
	   		<p:blockUI block=":formPrincipal:tabViewPerfilamientos" trigger="formPrincipal:tabViewPerfilamientos:idBtnBuscarRebalanceo">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
		</ui:define>
	</ui:composition>
</html>			
			